<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./css/reset.css" />
		<link rel="stylesheet" type="text/css" href="./css/bbbb.css" />
<!--		<link rel="stylesheet" type="text/css" href="css/nav.css" />-->
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" type="text/css" href="css/shopping.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script src="js/nav-position-fixed.js"></script>
		<script src="js/fangdajing.js"></script>
<!--		<script src="js/addshopcar.js"></script>-->
		<script src="js/shopping.js"></script>
		<script src="js/cookietools.js"></script>
		<script src="js/layer/layer.js"></script>
	</head>
	<body>
		<div class="box">
			<header>
			
			</header>
			<nav></nav>
			<section class="mainShopList"> 
				<div class="sectionTop">
					<ul>
						<li><a href="#">首页</a></li>
						<li><span>></span><a href="#">男士</a></li>
						<li><span>></span><a href="#" class="titlename"></a></li>
						<li><span>/</span><em class="goodsname"></em> - 商品代码：A1N-210-00001-C</li>
					</ul>
			
				</div>
				<div class="mainShop clearFix">
					<div class="mainLeft">
						<div class="imgTop">
							<div class="smallimg">
								<div class="smallArea"></div>
								<ul class="smallul">
									<li class="current"><img src="" alt="" class="lefttopImg"></li>
								</ul>
							</div>
							<div class="arrow">
								<a href="#"></a>
								<a href="#"></a>
							</div>
							<div class="bigArea">
								<img src="" class="bigImg">
							</div>
						</div>
						<div class="imgBtm clearFix">
							<ul >
<!--								<li><img src="./images/1_1.jpg" alt=""></li>-->
<!--								<li><img src="./images/2_1.jpg" alt=""></li>-->
<!--								<li><img src="./images/3_1.jpg" alt=""></li>-->
<!--								<li><img src="./images/4_1.jpg" alt=""></li>-->
<!--								<li><img src="./images/5_1.jpg" alt=""></li>-->
							</ul>
						</div>
					</div>
					<div class="mainRight">
						<h3 class="titlename"></h3>
						<h2 class="goodsname"></h2>
							<div class="price clearFix">
								<div class="productPrice ">
									<strong>
										<span>￥</span><span class="goodprice"></span>
									</strong>
								</div>
								<div class="beforePrice">
									<span>￥</span><span>3,199</span>
								</div>
							</div>
							<div class="boxeffect">
								<div class="boxcontent">
									<span>满688元全场免运</span>
								</div>
							</div>
							<div class="colorselect selector">
								颜色: <span class="goodscolor">&nbsp;</span>
							</div>
							<ul class="colorul">
								<li><a href=""><img src="">
										<span class="goodscolor">白色</span></a></li>
							</ul>
							<div class="txtselect selector">
								选择尺码
							</div>
							<ul class="cmselect clearFix">
<!--								<li><a href="#">XS</a></li>-->
<!--								<li><a href="#">S</a></li>-->
<!--								<li><a href="#">M</a></li>-->
<!--								<li><a href="#">L</a></li>-->
<!--								<li><a href="#">XL</a></li>-->
							</ul>
							<div class="numselect selector">
								数量
							</div>
							<div class="choose">
								<span class="popnum">-</span>
								<span><input type="text" value="1" class="shopnum" readonly="readonly"></span>
								<span class="addnum">+</span>
							</div>
							<div class="dataselect selector">预计出库日期:
								<span>
									2019年06月09日
								</span>
							</div>
							<div class="addshopp clearFix">
								<a href="javascript:void(0)" class="addcarts"><span >加入购物袋</span></a>
								<a href="javascript:void(0)" class="rightBuy"><span>立即购买</span></a>
							</div>
							<div class="cutdate clearFix">
								<span>
									<strong>限时抢购</strong>
									<em>活动剩余</em>
								</span>
								<div class="cutTime">
									<strong>
										<em class="day"></em>
										<del></del>
									</strong>
									<span>天</span>
									<strong>
										<em class="hours"></em>
										<del></del>
									</strong>
									<span>时</span>
									<strong>
										<em class="minute"></em>
										<del></del>
									</strong>
									<span>分</span>
									<strong>
										<em class="second"></em>
										<del></del>
									</strong>
									<span>秒</span>
								</div>
							</div>
							<div class="afterSale">
								<span>100%正品保证</span>
								<span>7天无理由退货</span>
							</div>
					</div>
			
				</div>
				<div class="mianContent">
					<p>*图片及相关信息仅供参照，因拍摄灯光及不同显示器色差等问题可能造成商品图片与实物的色差，一切以实物为准。</p>
					<p>*关于商品价格的补充说明：灰色划线价格为品牌指导价，并非商品原价；红色标价为魅力惠实时零售价。</p>
				</div>
				<div class="imgshop">
					<img src="./images/big1.jpg" alt="">
					<img src="./images/big2.jpg" alt="">
					<img src="./images/big3.jpg" alt="">
					<img src="./images/big4.jpg" alt="">
					<img src="./images/big5.jpg" alt="">
					<img src="./images/big6.jpg" alt="">
					<img src="./images/big7.jpg" alt="">
					<img src="./images/big8.jpg" alt="">
					<img src="./images/big9.jpg" alt="">
					<img src="./images/big10.jpg" alt="">
					<img src="./images/big11.jpg" alt="">
					<img src="./images/big12.jpg" alt="">
					<img src="./images/big13.jpg" alt="">
					<img src="./images/big14.jpg" alt="">
				</div>
			</section>
			
			<footer></footer>
		</div>
		
	</body>
</html>
<script type="text/javascript">
	$(function() {
		$("header").load("./bbbb.html")
		$("nav").load("./nav.html")
		$("footer").load("./footer.html")
	})
</script>
